<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>智慧工匠</title>
<link rel="shortcut icon" href="${ctx.contextPath}/images/favicon.ico">
<link rel="stylesheet" href="${ctx.contextPath}/css/login.css" />
<link href="${ctx.contextPath}/css/login_v1.css" rel="stylesheet" id="link">
<link rel="stylesheet" href="${ctx.contextPath}/layui/css/layui.css">
<link rel="stylesheet"
	href="${ctx.contextPath}/layui/css/font-awesome.min.css">
<script src="${ctx.contextPath}/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	var ctp = '${ctx.contextPath}';
	var desRandom = '${desRandom}';
	var pageLabel = '${pageLabel}';
	function change(image) {
		//改变img的src即可进行刷新验证码
		image.src = "${ctx.contextPath}/loginController/imge.shtml?date="
				+ new Date().getTime();
		//浏览器的缓存机制：
		//如果多次异步get请求地址相同，则大部分浏览器会认为这是一个重复请求，故不再进行请求
		//解决办法：让每次请求都不相等
	}
</script>
<script src="${ctx.contextPath}/js/common.js"></script>
<script src="${ctx.contextPath}/js/login/login.js"></script>
<script src="${ctx.contextPath}/js/desc.js"></script>
</head>

<body style="min-width: 1080px;">
	    <!--[if lte IE 8]>
			<div id="warning" style="positin:absolute;top:0;left:0;background:#FFFFCC;z-index:1000;height:30px;line-height:30px;text-align:center;font-size:14px;width:100%;">您正在使用低版本的IE浏览器，本网站将出现异常。建议您升级到 
			<a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 9</a> 以上或者使用 
			<a href="http://chrome.360.cn/">360极速浏览器</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / 
			<a href="http://www.mozillaonline.com/">Firefox</a>
			</div>
		<![endif]-->

	<div class="login">
		<div class="login-top">
			<div class="login-width">
				<img src="${ctx.contextPath}/images/login-main-logo.png"
					style="height: 20px;" /> <span
					style="height: 20px; line-height: 20px; left: 100px;">智慧工匠</span>
			</div>
		</div>

		<div class="login-content">
			<div class="login-width">
				<div class="content-left">
					<img class="content-bg"
						src="${ctx.contextPath}/images/education-bg.png" />
				</div>
				<div class="content-right">
					<div class="clearfix"></div>
					<form name="form1" id="form1"
						action="${ctx.contextPath}/system/login/login.shtml" method="post">
						<div class="login-form">
							<div class="form-name form-size form-bg">
								<img src="${ctx.contextPath}/images/icon-user.png" /> <input
									placeholder="用户名" maxlength="20" name="userLoginCode"
									id="userLoginCode" value="admin"/>
							</div>
							<div class="form-password form-size form-bg">
								<img src="${ctx.contextPath}/images/icon-password.png" /> <input
									placeholder="密码" type="password" name="password" id="password"
									maxlength="20" value="888888"/>
							</div>
							<div class="form-vcode form-size">
								<div class="v-code form-bg">
									<img src="${ctx.contextPath}/images/icon-vcode.png" /> <input
										placeholder="验证码" maxlength="4" name="codeimage"
										id="codeimage" value="8888"/>
								</div>
								<img class="v-code-img"
									src="${ctx.contextPath}/loginController/imge.shtml"
									onclick="change(this)" title="看不清楚,重取一张" />
							</div>

							<!--提示语开始  -->
							<div class="form-size"
								style="top: 310px; opacity: 1; color: red;">
								<span id="tip"></span>
							</div>
							<!--提示语结束  -->

							<div class="form-submit form-size" id="checkLogin"
								onclick="checkLogin();">登录</div>
							<!-- <div class="form-about-password form-size">
								<input type="checkbox" /> <span>记住密码</span> <a
									href="javascript:void(0)" onclick="forgetPwd();">忘记密码?</a> -->
								<!-- QQ提供的免费在线资讯功能以及在线加群功能 -->
								<!-- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=781259686&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:781259686:52" alt="在线资讯" title="在线资讯"/></a>
								<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=da2fc2cfe527f58180ada27986158f2bee9e82aa129f390e844374ea607f37df"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="测试" title="测试"></a> -->
							<!-- </div> -->
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="login-footer">Copyright ©
			智慧工匠&nbsp;&nbsp;&nbsp;&nbsp;技术支持：恒鸿达科技有限公司</div>

	</div>

</body>

</html>